<template>
  <a-drawer
    :width="600"
    placement="right"
    :visible="visible"
    :after-visible-change="afterVisibleChange"
    @close="onClose"
    title="审批进度"
    class="form-drawer"
  >
    <a-timeline>
      <a-timeline-item v-for="(item) in auditRecords" :key="item.id">
        <!-- <a-icon slot="dot" type="clock-circle-o" style="font-size: 45px;" /> -->
        {{item.remark}} <div>{{item.createTime}}</div>
      </a-timeline-item>
    </a-timeline>
  </a-drawer>
</template>

<script>
import { getProjectAuditRecord } from "@/api/invest"
export default {
  name: '',

  data() {
    return {
      visible: false,
      ruleForm: {},
      auditRecords: []
    }
  },
  methods: {
    afterVisibleChange(visible) {
      if (!visible) {
        this.ruleForm = {}
      }
    },
    onClose() {
      this.visible = false
    },
    open(record){
      this.visible = true
      getProjectAuditRecord({projectId: record.id}).then(resp=>{
        this.auditRecords = resp.data
      })
    }
  },
  components: {}
}
</script>

<style></style>
